<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <div class="container">
    <div class="row">
      <div class="col-lg-2">
        <div class="logo">
          <a href="#"><img src="./images/logo.png" alt=""></a>
        </div>
        <div class="nav">
          <ul class="clearfix">
            <li><a href="#" class="iconfont">&#xe601; 生活馆</a></li>
            <li><a href="#" class="iconfont">&#xe7be; 自然汇</a></li>
            <li><a href="#" class="iconfont">&#xe602; 科技湖</a></li>
            <li><a href="#" class="iconfont">&#xe600; 奇趣事</a></li>
            <li><a href="#" class="iconfont">&#xe65d; 美食杰</a></li>
          </ul>
        </div>
      </div>
      <div class="col-lg-7">
        <div class="middle">
          <ul class="clearfix">
            <li>
              <a href="#">
                <img src="./upload/xiu.jpg" alt="">
                <p>阿里百秀</p>
              </a>
            </li>
            <li>
              <a href="#">
                <img src="./upload/1.jpg" alt="">
                <p>又现酒窝夹笔盖新技能 城里人是不让人活了！</p>
              </a>
            </li>
            <li>
              <a href="#">
                <img src="./upload/2.jpg" alt="">
                <p>又现酒窝夹笔盖新技能 城里人是不让人活了！</p>
              </a>
            </li>
            <li>
              <a href="#">
                <img src="./upload/1.jpg" alt="">
                <p>又现酒窝夹笔盖新技能 城里人是不让人活了！</p>
              </a>
            </li>
            <li>
              <a href="#">
                <img src="./upload/2.jpg" alt="">
                <p>又现酒窝夹笔盖新技能 城里人是不让人活了！</p>
              </a>
            </li>
          </ul>
        </div>
        <div class="article">
          <ul class=".clearfix">
            <li>
              <a href="#" class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
                <h3>不问你为何流眼泪，不在乎你心里还有谁！</h3>
                <span>虫儿飞 发布于 2020-11-11</span>
                <p>我再也不愿见你在深夜的里买醉，不愿别的男人见识你的妩媚，你可知道这样会让我心碎；答应我你从此不在深夜里徘徊，不要轻易尝试放纵的滋味，你可知道这样会让我心碎。</p>
                <span>阅读 (2417) 评论 (1) 赞 (18) 标签：情感 / 爱情 / 生活</span>
              </a>
              <a href="#" class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                <img src="./upload/1.jpg" alt="">
              </a>
            </li>
            <li>
              <a href="#" class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
                <h3>不问你为何流眼泪，不在乎你心里还有谁！</h3>
                <span>虫儿飞 发布于 2020-11-11</span>
                <p>我再也不愿见你在深夜的里买醉，不愿别的男人见识你的妩媚，你可知道这样会让我心碎；答应我你从此不在深夜里徘徊，不要轻易尝试放纵的滋味，你可知道这样会让我心碎。</p>
                <span>阅读 (2417) 评论 (1) 赞 (18) 标签：情感 / 爱情 / 生活</span>
              </a>
              <a href="#" class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                <img src="./upload/2.jpg" alt="">
              </a>
            </li>
            <li>
              <a href="#" class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
                <h3>不问你为何流眼泪，不在乎你心里还有谁！</h3>
                <span>虫儿飞 发布于 2020-11-11</span>
                <p>我再也不愿见你在深夜的里买醉，不愿别的男人见识你的妩媚，你可知道这样会让我心碎；答应我你从此不在深夜里徘徊，不要轻易尝试放纵的滋味，你可知道这样会让我心碎。</p>
                <span>阅读 (2417) 评论 (1) 赞 (18) 标签：情感 / 爱情 / 生活</span>
              </a>
              <a href="#" class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                <img src="./upload/1.jpg" alt="">
              </a>
            </li>
            <li>
              <a href="#" class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
                <h3>不问你为何流眼泪，不在乎你心里还有谁！</h3>
                <span>虫儿飞 发布于 2020-11-11</span>
                <p>我再也不愿见你在深夜的里买醉，不愿别的男人见识你的妩媚，你可知道这样会让我心碎；答应我你从此不在深夜里徘徊，不要轻易尝试放纵的滋味，你可知道这样会让我心碎。</p>
                <span>阅读 (2417) 评论 (1) 赞 (18) 标签：情感 / 爱情 / 生活</span>
              </a>
              <a href="#" class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                <img src="./upload/2.jpg" alt="">
              </a>
            </li>
            <li>
              <a href="#" class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
                <h3>不问你为何流眼泪，不在乎你心里还有谁！</h3>
                <span>虫儿飞 发布于 2020-11-11</span>
                <p>我再也不愿见你在深夜的里买醉，不愿别的男人见识你的妩媚，你可知道这样会让我心碎；答应我你从此不在深夜里徘徊，不要轻易尝试放纵的滋味，你可知道这样会让我心碎。</p>
                <span>阅读 (2417) 评论 (1) 赞 (18) 标签：情感 / 爱情 / 生活</span>
              </a>
              <a href="#" class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                <img src="./upload/1.jpg" alt="">
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="col-lg-3">
        <div class="alliance">
          <a href="#"><img src="./upload/zgboke.jpg" alt=""></a>
          <a href="#">
            <span>热搜</span>
            <h4>欢迎加入中国博客联盟</h4>
            <p>这里收录国内各个领域的优秀博客，是一个全人工编辑的开放式博客联盟交流和展示平台......</p>
          </a>
        </div>
      </div>
    </div>
  </div>
</body>

</html>